 d<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="static/easyui/jquery.min.js"></script>
<script type="text/javascript" src="static/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="static/easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="static/easyui/themes/metro/easyui.css"/>
<link rel="stylesheet"  type="text/css" href="static/css/medicalcard.css"/>
<title>门诊登记页面</title>
</head>
<body>
<script type="text/javascript">
		$(function(){
			$('#mediccard-tab').datagrid({
			    url:'',
			    columns:[[
			    	 	{field:'cid',title:'医疗卡号',width:100},
						{field:'bed',title:'病人姓名',width:100},
						{field:'name',title:'性别',width:100},
						{field:'sex',title:'身份证号',width:130},
						{field:'age',title:'剩余金额',width:100},
						{field:'office',title:'办卡时间',width:130}
			    ]]
			});
			
			//充值按钮
			$(".register-addmoney").click(function(){
				$("#register-addmoney-win").window('open');
			});
		});
		
</script>
<div class="maxbox easyui-panel"  data-options="fit:true" style="border:1px solid #F3F3F4;">
	<div class="topbox" data-options="fit:true">患者信息</div>
    <div class="middlebox">
       <form id="form" method="post" >
             <div class="middle1">
				<a >
					<span style="margin-right:7px;">患者姓名</span>
					<input id="uname" name="uname" class="easyui-textbox"  data-options="width:140,height:30,required:true">
				</a>
				
				<a style="margin-left:70px;">
					<span style="margin-right:7px;">性别</span>
					<span class="usexbox">
					<select class="usex" style="width:100px; height: 30px;line-height: 30px;border-radius: 5px;">
					   <option>男</option>
					   <option>女</option>
					</select>
					</span>
				</a>
				
				<a style="margin-left:70px;">
				   	<span style="margin-right:7px;">身份证号</span>
				   	<input id="ucard" name="ucard" class="easyui-textbox" data-options="width:140,height:30,required:true">
				</a>
			
			</div>
			<div class="middle2">
				<a style="">
					<span style="margin-right:7px;">手机号码</span>
					<input id="utel" name="utel" class="easyui-textbox" data-options="width:140,height:30,required:true">
				</a>
				
				<a style="margin-left:70px;">
				   	<span style="margin-right:7px;">年龄</span>
				   	<input id="uage" name="uage" class="easyui-textbox" data-options="width:100,height:30,required:true">
				</a>
				
				<a style="margin-left:70px;">
					<span style="margin-right:7px;">所在住址</span>
					<select class="uaddress"  style="width:100px; height: 30px;line-height: 30px;border-radius: 5px;">
					   <option>湖南省</option>
					   <option>女</option>
					</select>
					<select class="city"  style="width:100px; height: 30px;line-height: 30px;border-radius: 5px;">
					   <option>株洲市</option>
					   <option>女</option>
					</select>
					<select class="area"  style="width:100px; height: 30px;line-height: 30px;border-radius: 5px;">
					   <option>石峰区</option>
					   <option>女</option>
					</select>
				</a>
				<!-- <a style="margin-left:70px;">
				<span style="margin-right:7px;">详细住址</span>
				<input id="detailsaddress" name="detailsaddress" class="easyui-textbox" data-options="width:120,required:true">
				</a> -->
			
			   <p style="margin-left:80%;margin-top:30px;">
					<a id="regist-yes" style="margin-left:20px;margin-bottom:10px;" >保存</a>
					<a id="regist-no" style="margin-left:20px;margin-bottom:10px;" >取消</a>
				</p>
				</div>
			</form>
    </div><!-- middlebox -->
    
   <!--  所有医疗卡 -->
     <div class="registeration easyui-panel" data-options="fit:true,border:false" >
       <div class="register-topbox" data-options="fit:true">
           医疗卡信息
          <a class="register-addmoney" >充值</a>
       </div>
    
     	    <div class="register2">
	           <!--搜索框 -->
			    <a style="margin-left:-55px;">
			    <input id="sreachbox" class="easyui-searchbox" style="width:200px"
			     data-options="prompt:'请输入医疗卡号'"></input>
			    </a>
		      <div style="margin-left:-55px;margin-top:10px;">    
	     	  <table id="mediccard-tab" class="easyui-datagrid" data-options="fitColumns:false,singleSelect:false,width:800" >
			    <tbody>
					<tr>
			    		<td>2018001</td>
			    		<td>小明</td>
			    		<td>男</td>
			    		<td>43022419902030655</td>
			    		<td>120.0</td>
			    		<td>2018-01-01 12:00:09</td>
			    	</tr>
			    	<tr>
			    		<td>2018002</td>
			    		<td>小红</td>
			    		<td>女</td>
			    		<td>43022419902030655</td>
			    		<td>20.0</td>
			    		<td>2018-08-01 12:00:09</td>
			    	</tr>
			    	<tr>
			    		<td>2018003</td>
			    		<td>西米</td>
			    		<td>男</td>
			    		<td>43022419902030655</td>
			    		<td>0.0</td>
			    		<td>2018-09-21 12:00:09</td>
			    	</tr>
				</tbody>
		 </table>
         </div>	
	    </div><!-- register2-->
      </div><!-- registeration -->
   
</div><!-- maxbox -->

<div id="register-addmoney-win" class="easyui-window" title="充值" style="width:300px;height:240px"
    data-options="iconCls:'icon-save',modal:true,resizable:false,collapsible:false,maximizable:false,minimizable:false,closed:true">
			<form id="form-addmoney">
				<p style="margin-left:30px;margin-top:50px;">
				         <a style="margin-right:10px;">充值金额</a>
				    	<input id="money1" name="money1" class="easyui-textbox" data-options="width:140,height:30,required:true">
			   </p>
				<p><a id="submit-addmoney" style="margin-left:120px;margin-top:20px;" class="easyui-linkbutton">确定</a><p>
			</form>
</div>

</body>
</html>